function getXMLHttpRequest() {
    var xmlhttp = null;
    if (window.XMLHttpRequest)//自动检测当前浏览器的版本，如果是 IE5.0 以上的高版本的浏览器
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();//创建请求对象
    }
    else////如果浏览器是底版本的
    {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//创建请求对象
    }
    return xmlhttp;//返回请求对象
}

function login_fun() {
    //获取用户名 密码 卡号
    var user = document.getElementById("user").value;
    var pwd = document.getElementById("pwd").value;
    if (user.length < 6 || pwd.length < 6) {
        alert("输入的用户名长度小于6位，或输入的密码长度小于6位，请重新输入!!!");
        return;
    }
    //1、创建对象
    var xmlHttp = getXMLHttpRequest();
    //2、设置回调函数
    xmlHttp.onreadystatechange = function () {
        console.log('xmlHttp.readyState==' + xmlHttp.readyState + ' ' + 'xmlHttp.status==' + xmlHttp.status);
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            //获取服务器的应答（假如服务器的应答是字符串格式）
            var ret = xmlHttp.responseText;
            //0:普通用户登录，1：管理员登录，2：登录失败
            if (ret == '0') {
                var url = "index.html?";
                url += 'user=' + user;
                url += '&purview=0';
                window.location.href = url;
            }
            else if (ret == '1') {
                var url = "index.html?";
                url += 'user=' + user;
                url += '&purview=1';
                window.location.href = url;
            }
            else if (ret == '2') {
                alert("用户名或密码错误");
                document.getElementById("user").value = "";
                document.getElementById("pwd").value = "";
            }
        }
    }

    //3、创建请求 GET方式 异步
    var url = "/cgi-bin/login.cgi?";
    url += user + ":";
    url += pwd;
    xmlHttp.open("GET", url, true);
    //4、发送请求
    xmlHttp.send();
}